<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:fn="http://java.sun.com/jsp/jstl/functions" 
	template = "/WEB-INF/template/templateAreaLavoro.xhtml">


	<ui:define name="topAreaLavoro">
		<rich:toolbar height="30" >
  			<a4j:commandLink id="CreaFamiglia" action="#{tabsBean.creaNuovaFamiglia(tab.name)}"   render="gridDatiFamiglia" execute="@this">
  				<h:graphicImage value="#{pathImmagini.pathImmagineAggiungi}"/>
  				<rich:tooltip value="Crea Famiglia" for="CreaFamiglia" />
  			</a4j:commandLink>
  			
			<a4j:commandLink id="SalvaFamiglia" action="#{tabsBean.addFamiglia(tab.object)}" status="StatoLoading" >
				<h:graphicImage value="#{pathImmagini.pathImmagineSalva}"/>
				<rich:tooltip value="Salva Famiglia" for="SalvaFamiglia" />
			</a4j:commandLink>
			
			<a4j:commandLink id="StampaFamiglia" action="#{stampaController.stampaOrdine(tab.object)}">
				<h:graphicImage value="#{pathImmagini.pathImmagineStampa}"/>
				<rich:tooltip value="Stampa Famiglia" for="StampaFamiglia" />
			</a4j:commandLink>
		</rich:toolbar>	
		<br/>
	</ui:define>




	<ui:define name="center1AreaLavoro">
		
			<rich:panel  >
				<f:facet name="header">
					<h:graphicImage value="#{pathImmagini.pathImmagineDocumenti}" />
						Dati Famiglia
				</f:facet>
				
				<rich:graphValidator value="#{tab.object}" id="gvFamiglia">
								
					<h:panelGrid columns="3" id="gridDatiFamiglia" >
					
						<h:outputLabel value="Nome" />
						<h:inputText id="nomeFamiglia" value="#{tab.object.nome}" />
						<rich:message for="nomeFamiglia" />
						
						
						<h:outputLabel value="Descrizione" />
						<h:inputText id="descrizioneFamiglia" value="#{tab.object.descrizione}" />
						<rich:message for="descrizioneFamiglia" />
	
						<h:outputLabel value="Abilitata" />
						<h:selectBooleanCheckbox value="#{tab.object.abilitata}" />

					</h:panelGrid>
				</rich:graphValidator>
			</rich:panel>
			<br/>
	</ui:define>

	
	
	<ui:define name="center2AreaLavoro">
			
			<rich:panel  >
				<f:facet name="header">
					<h:graphicImage value="#{pathImmagini.pathImmagineCerca}" />
						Risultati
				</f:facet>		
				
				<a4j:commandButton value="Cerca" action="#{tabsBean.findAllFAmiglie()}" execute="@this"  render="formtabFamiglie tabellaFamiglie " />
				<br/>
				<br/>
				
				
						<rich:extendedDataTable id="tabellaFamiglie" value="#{tab.risultati}" var="famiglia" 
												rows="10"  selection="#{tab.selection}"
												selectionMode="#{tab.selectionMode}">
									<a4j:ajax event="selectionchange" listener="#{tab.tableListener}" render="gridDatiFamiglia"   />
				
									<f:facet name="header">Tabella Risultati Famiglia</f:facet>	
									<rich:column width="250px">
										<f:facet name="header">ID</f:facet>
										<h:outputText value="#{famiglia.idFamiglia}" />
									</rich:column>
									
									<rich:column width="250px">
										<f:facet name="header">Nome</f:facet>
										<h:outputText value="#{famiglia.nome}" />
									</rich:column>
									
									<rich:column width="250px">
										<f:facet name="header">Descrizione</f:facet>
										<h:outputText value="#{famiglia.descrizione}" />
									</rich:column>
									
									<rich:column width="250px">
										<f:facet name="header">Abilitata</f:facet>
										<h:outputText value="#{famiglia.abilitata}" />
									</rich:column>
						</rich:extendedDataTable>
				
			</rich:panel>
			
	</ui:define>
	
	<ui:define name="footerAreaLavoro">
		<ui:remove>
			<a4j:log/>
		</ui:remove>	
		
		<a4j:outputPanel ajaxRendered="true">
			<c:set var="recordStatus" value="#{tab.statusRecord}"></c:set>
		
			<c:choose>
				<c:when test="${fn:containsIgnoreCase(recordStatus,'errore')}">
					<h:outputLabel id="labelErroreSalvataggioOrdine" value="#{tab.statusRecord}" styleClass="messageClass" />
				</c:when>
				<c:when test="${fn:containsIgnoreCase(recordStatus,'successo')}">
					<h:outputLabel id="labelSuccessSalvataggioOrdine" value="#{tab.statusRecord}" styleClass="messageClass" />
				</c:when>
			</c:choose>
			
		</a4j:outputPanel>
		<ui:remove>
		<a4j:log />
		</ui:remove>
	</ui:define>
</ui:composition>